<script lang="ts" setup>
import { feeRulesType } from '@/types/interface'
defineProps<{
  data: feeRulesType[]
  title: string
}>()
</script>

<template>
  <el-card shadow="never">
    <template #header>
      <span>{{ title }}</span>
    </template>
    <div v-for="(bill, index) in data" :key="index" class="tiered-billing__item">
      <div pl-10>
        <span>{{ bill.title }}</span>
        <span class="tiered-billing__item__tip">({{ bill.tips }})</span>
      </div>
      <div text-center>
        <span>{{ bill.cost }}</span>
      </div>
    </div>
  </el-card>
</template>

<style scoped></style>
